<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <title><?php echo $title_for_layout; ?> | Memberz</title>
        <meta name="description" content="app, web app, responsive, admin dashboard, admin, flat, flat ui, ui kit, off screen nav" />
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" /> 

        <?php
        echo $this->Html->meta('icon');
        
        echo $this->Html->css('bootstrap.css');
        echo $this->Html->css('animate.css');
        echo $this->Html->css('font-awesome.min.css');
        echo $this->Html->css('font.css', null, array('cache' => false));
        echo $this->Html->css('plugin.css');
        echo $this->Html->css('aristo/jquery-ui.css');
        echo $this->Html->css('datepicker/datepicker.css');
        echo $this->Html->css('/js/plugins/alertify.js/themes/alertify.core.css');
        echo $this->Html->css('/js/plugins/alertify.js/themes/alertify.default.css');
        echo $this->Html->css('/js/fuelux/fuelux.css');
        echo $this->Html->css("/js/select2/select2.css");
        echo $this->Html->css('app.css');

        echo $this->Html->script('jquery-1.7.1.min.js');
        echo $this->Html->script('jquery-ui.js');
        echo $this->Html->script('datepicker/bootstrap-datepicker.js');
        echo $this->Html->script('moment.min.js');
        echo $this->Html->script('combodate.js');
        echo $this->Html->script('select2/select2.min.js');
        echo $this->Html->script('plugins/alertify.js/src/alertify.js');
        echo $this->Html->script('plugins/jquery.nanoscroller/jquery.nanoscroller.min');
        echo $this->Html->script('plugins/ajax_scroll');
        echo $this->Html->script('plugins/jquery.cookie/jquery.cookie');
        echo $this->Html->script('core/mvc.js');
        echo $this->Html->script('core/app.js');
        ?>
        <style>
            #flashMessage.message {
                display: none;
                text-align: center;
                position: absolute;
                background-color: #ffe;
                padding: 10px;
                box-sizing: border-box;
                top: 0px;
                border-bottom: solid #ddd 1px;
                box-shadow: 0px 1px 2px #676767;
                width: 100%;
                font-weight: bold;
                color: #111;
            }
        </style>

        <script>
        $(document).ready(function() {
            $("#flashMessage").show('slow');
            
            setTimeout(function() {
                $("#flashMessage").hide('fast');
            }, 1000 * 15);
        });
        </script>
    </head>
    <body>
        
        <section class="hbox stretch">
            <!-- .aside -->
            <?php echo $this->element('members/left-side'); ?>
            <!-- /.aside -->
            <!-- .vbox -->
            <?php echo $this->element('members/content'); ?>
            <!-- /.vbox -->
        </section>
        <?php 
        $flash = $this->Session->flash();

        if($flash) {
            echo $flash;
        }
        ?>

        <?php
        echo $this->Html->script('bootstrap.js');
        echo $this->Html->script('app.js');

        echo $this->Html->script('charts/sparkline/jquery.sparkline.min.js');
        echo $this->Html->script('app.plugin.js');
        echo $this->Html->script('app.data.js');
        echo $this->Html->script('libs/jquery.pjax.js');

        echo $this->Html->script('charts/easypiechart/jquery.easy-pie-chart.js');
        echo $this->Html->script('charts/morris/raphael-min.js');
        echo $this->Html->script('charts/morris/morris.min.js');

        echo $this->Html->script('scroll/smoothscroll.js');
        ?>
        
        <div class="modal" id="ajaxModal" aria-hidden="true" style="display: none;">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal">×</button>
                        <h4 class="modal-title">Modal title</h4>
                    </div>
                    <div class="modal-body">
                        ...
                    </div>
                    <div class="modal-footer">
                        <a href="#" class="btn btn-white" data-dismiss="modal">Close</a>
                        <a href="#" class="btn btn-primary">Save</a>
                    </div>
                </div><!-- /.modal-content -->
            </div><!-- /.modal-dialog -->
        </div>
        
        <div>
            <div id="app_dialog"></div>
        </div>
    </body>
</html>